﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Home</title> <title>Home</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>AdminLTE 2 | Starter</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet"
          th:href="@{https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i}"/>
    <link rel="stylesheet"
          th:href="@{https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i}"/>
    <link rel="stylesheet" th:href="@{/mall/css/main.css}"/>
    <link rel="stylesheet" th:href="@{/font-awesome-4.7.0/css/font-awesome.css}">
</head>
<body class="animsition">
<div class="checkout" id="page">
    <div th:replace="@{/include/fore_header}::header"></div>
    <section class="sub-header shop-detail-1">
        <img class="rellax bg-overlay" th:src="@{/mall/images/sub-header/015.jpg}" alt="">
        <div class="overlay-call-to-action"></div>
        <h3 class="heading-style-3">订单确认</h3>
    </section>
    <section class="boxed-sm">
        <div class="container">
            <div class="woocommerce">
                <div class="row">
                    <div class="panel-group" id="accordion1" role="tablist" aria-multiselectable="true">
                        <div class="panel panel-default">
                            <div class="panel-heading" role="tab" id="headingOne">
                                <h4 class="panel-title">
                                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                        您的订单
                                    </a>
                                </h4>
                            </div>
                            <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                                <div class="panel-body">
                                    <div class="woocommerce-checkout-review-order">
                                        <table class="woocommerce-checkout-review-order-table">
                                            <thead>
                                            <tr>
                                                <th class="product-name">商品</th>
                                                <th class="product-total">总价</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr class="cart_item" th:each="cart,memberStat:${carts}" >
                                                <td class="product-name" >
                                                    <span class="product-quantity" th:text="${cart.getGoods().getGoodsName()+'× '+cart.getGoodsAmount()}"></span>
                                                </td>
                                                <td class="product-total">
                                                    <span class="woocommerce-Price-currencySymbol" th:text="${'￥'+cart.getTotal()}"></span>
                                                </td>
                                            </tr>
                                            </tbody>
                                            <tfoot>
                                            <tr class="cart-subtotal">
                                                <th>商品总价</th>
                                                <td>
                                                    <strong>
                                                        <span class="woocommerce-Price-currencySymbol" th:text="${'￥'+totalPrice}"></span>
                                                    </strong>
                                                </td>
                                            </tr>
                                            <tr class="cart-shipping">
                                                <th>运费</th>
                                                <td>
                                                    <strong>
                                                        <span class="woocommerce-Price-currencySymbol">免运费</span>
                                                    </strong>
                                                </td>
                                            </tr>
                                            <tr class="order-total">
                                                <th>应付</th>
                                                <td>
                                                    <strong>
                                                        <span class="woocommerce-Price-currencySymbol" th:text="${'￥'+discountPrice}"></span>
                                                    </strong>
                                                </td>
                                            </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel-group" id="accordion2" role="tablist" aria-multiselectable="true">
                        <div class="panel panel-default">
                            <div class="panel-heading" role="tab" id="headingTwo">
                                <h4 class="panel-title">
                                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                        配送地址
                                    </a>
                                </h4>
                            </div>
                            <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                                <div class="panel-body">
                                    <div class="input-group">
                                        <span class="input-group-addon" id="basic-addon3">默认地址</span>
                                        <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3" th:value="${session.customerAddress}">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel-group" id="accordion3" role="tablist" aria-multiselectable="true">
                        <div class="panel panel-default">
                            <div class="panel-heading" role="tab" id="headingThree">
                                <h4 class="panel-title">
                                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                        支付方式
                                    </a>
                                </h4>
                            </div>
                            <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                                <div class="panel-body">
                                    <input  type="radio" name="payment" id="weixin">
                                    <img th:src="@{/mall/images/weixin.ico}">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <input  type="radio" name="payment" id="zhifubao">
                                    <img th:src="@{/mall/images/zhifubao.ico}" style="height: 29px">
                                </div>
                            </div>
                        </div>
                    </div>
                    <form class="woocommerce-checkout" th:action="@{/alipay/topay}" method="post">
                        <div class="woocommerce-checkout-payment">
                            <div class="form-place-order">
                                <input type="hidden" name="paymoney" id="paymoney">
                                <input class="place_order btn btn-brand pill" name="woocommerce_checkout_place_order"
                                       value="下单" data-value="Place order" type="submit">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
</div>
<div th:replace="@{/include/fore_footer}::footer"></div>
<script th:src="@{/mall/js/library/jquery.min.js}"></script>
<script th:src="@{/mall/js/library/bootstrap.min.js}"></script>
<script th:src="@{/mall/js/function-check-viewport.js}"></script>
<script th:src="@{/mall/js/library/slick.min.js}"></script>
<script th:src="@{/mall/js/library/select2.full.min.js}"></script>
<script th:src="@{/mall/js/library/imagesloaded.pkgd.min.js}"></script>
<script th:src="@{/mall/js/library/jquery.mmenu.all.min.js}"></script>
<script th:src="@{/mall/js/library/rellax.min.js}"></script>
<script th:src="@{/mall/js/library/isotope.pkgd.min.js}"></script>
<script th:src="@{/mall/js/library/bootstrap-notify.min.js}"></script>
<script th:src="@{/mall/js/library/bootstrap-slider.js}"></script>
<script th:src="@{/mall/js/library/in-view.min.js}"></script>
<script th:src="@{/mall/js/library/countUp.js}"></script>
<script th:src="@{/mall/js/library/animsition.min.js}"></script>
<script th:src="@{/mall/js/global.js}"></script>
<script th:src="@{/mall/js/config-mm-menu.js}"></script>
<script th:src="@{/adminlte/bower_components/layer-v3.1.1/layer/layer.js}"></script>
<script th:javascript>
    $(function () {
        $("#paymoney").val([[${discountPrice}]]);
    })
</script>
</body>
</html>

